/* ai 模板样式 */
.ai-template-container {
	// 弹窗基础样式
	.el-dialog__header {
		border: 0;
	}
	.el-dialog__body {
		border-bottom: 0.015625rem solid #ccc;
		border-top: 0.015625rem solid #ccc;
	}
	// 输入框主要样式
	.inner-wraper {
		// width: calc(100% - 140px);
		width: calc(100% - 60px);
		// margin-left: 120px;
		margin-left: 20px;
		border: 1px solid #e6e6e6;
		border-radius: 4px;
		padding: 10px;
	}
	.text-wraper {
		font-weight: 400;
		background-color: #f5f5f5;
		padding: 5px 10px 5px 10px;
	}
	.setting {
		position: absolute;
		right: 74px;
		top: 4px;
		padding: 0 14px;
		text-align: right;
		.el-button {
			background-color: #fff;
			border: 1px solid #6384fe;
			color: #6384fe;
		}
	}
	.nlpSetting {
		right: 74px;
		top: 4px;
		padding: 0 14px;
		text-align: right;
		.el-button {
			background-color: #fff;
			border: 1px solid #6384fe;
			color: #6384fe;
		}
	}
	.collection-Result-container,
	.collect-variable-select {
		.el-select {
			width: 100%;
		}
	}
	.interfaceList-select-wrapper {
		.el-select {
			width: 100%;
		}
	}
	.add-icon {
		font-style: normal;
		padding: 0 10px;
	}
	.tts-input {
		// width: 360px;
	}
	.tts-video {
		min-width: 200px;
	}
	.el-input {
		input {
			height: 36px;
		}
	}
	.choose-btn {
		width: 100%;
		padding: 10px;

		/* line-height: 26px; */
		display: flex;
		align-items: center;
	}
	.choose-btn:hover .tips {
		display: inline-block;
	}
	.ai-video {
		padding: 0 10px;
	}

	.tips {
		position: absolute;
		left: 25%;
		top: 40px;
		padding: 10px;
		display: none;
		width: auto;
		max-width: 400px;
		background: #f6f6f6;
		border: 1px solid #d3d3d3;
		white-space: normal;
		box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);
		border-radius: 4px;
		z-index: 100;
		color: #000;
	}
	.tts-video {
		position: relative;
	}
	.native-video {
		width: calc(100% - 54px);
		position: relative;
	}
	.btn-box {
		padding: 0 20px;
	}
	.close {
		width: 50px;
		text-align: center;
		font-size: 18px;
		position: absolute;
		right: 0px;
		top: 0;
		cursor: pointer;
		color: #999;
	}
	.ai-speak-wrapper {
		.el-input {
			width: calc(100% - 54px);
		}
	}
	.select-video-icon {
		.el-input__inner {
			width: 30px;
			background: url('../../bpmn/assets/img/aivideo.png') no-repeat center;
			border: 0;
			cursor: pointer;
		}
	}
	.normal-speak-input-wrapper {
		.el-textarea {
			width: calc(100% - 54px);
		}
	}
	.hang-up-wrapper {
		.el-input {
			width: calc(100% - 54px);
		}
	}
	.send-message {
		.send-content {
			width: calc(100% - 20px);
		}
	}

	.collect-variable-select {
		width: calc(100% - 54px);
	}
	.business-instruct-wrapper {
		.content {
			width: calc(100% - 54px);
		}
	}
	.normal-input-wrapper {
		.el-input {
			width: calc(100% - 54px);
		}
	}
	.collection-Result-container {
		.el-select {
			width: calc(100% - 54px);
		}
	}
	.interfaceList-select-wrapper {
		.el-select {
			width: calc(100% - 54px);
		}
	}

	.pre-recorded-video .el-input {
		width: calc(100% - 64px);
	}
	.end-tips {
		padding: 10px 0;
		color: silver;
		.conclude-text {
			padding: 10px 0;
		}
	}
	.pre-recorded-video-video-native {
		.next-step-template-wrapper {
			width: 100%;
		}
		.answer .native-video {
			max-width: 500px;
		}
		.answer .el-textarea {
			width: 436px;
		}
		.error-icon-video {
			input {
				text-align: left;
				cursor: pointer;
				border: none;
				background: url('../images/aivideoError.png') no-repeat center;
			}
		}
		.normal-icon-video {
			input {
				cursor: pointer;
				border: none;
				border: none;
				background: url('../images/aivideo.png') no-repeat center;
			}
		}
		.video-input-hidden {
			width: 0px;
		}
		.video-input-size {
			width: 30px;
		}
	}
	.max-tips {
		position: absolute;
		// left: -20px;
		// top: 10px;
		left: -16px;
		top: 0px;
		z-index: 10;
	}
	.pre-recorded-video-tts {
		.error-icon-video {
			input {
				text-align: left;
				cursor: pointer;
				border: none;
				background: url('../images/aivideoError.png') no-repeat center;
			}
		}
		.normal-icon-video {
			input {
				cursor: pointer;
				border: none;
				border: none;
				background: url('../images/aivideo.png') no-repeat center;
			}
		}
		.video-input-hidden {
			display: none;
		}
		.video-input-size {
			display: inline-block;
			width: 30px;
		}
	}

	.label-gray {
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 14px;
		margin-bottom: 16px;
	}
	.ivvr-container {
		.prerecord-tts-video-input {
			width: calc(100% - 54px);
		}
	}

	/* 下一步 */
	.next-step-template-wrapper {
		.el-select {
			width: calc(100% - 54px);
		}
	}
	/* 变量判断 */
	.variable-judge-input-container {
		.el-select {
			width: 100%;
			.el-input {
				width: calc(100% - 0px);
			}
		}
	}
	// 接口调用
	.interface-call-input-container {
		.el-select {
			width: 100%;
			margin: 0 12px;
			.el-input {
			}
		}
	}

	.el-form-item {
		//width: calc(100% - 54px);
		.el-form-item__label {
			text-align: center;
		}
	}
	.answer {
		.el-textarea {
			width: 500px;
		}
	}

	/* 事件标签 */
	.handler-event-label {
		.del-icon {
			display: inline-block;
			width: 20px;
			height: 40px;
			line-height: 40px;
			background: url('../images/del_group.png') no-repeat center;
			cursor: pointer;
		}
		.active-label {
			padding: 5px 10px;
			background: #fcfcfc;
			font-weight: 400;
			color: #6384fe;
			border: 1px solid #eeeeee;
		}
		.add-icon {
			padding: 10px 4px;
		}
	}
}
.answer-nlp-dialog {
	.span-header {
		display: flex;
		align-items: center;
	}
	.i-txt {
		padding: 0 10px;
		color: #6384fe;
		cursor: pointer;
	}
	.close {
		cursor: pointer;
		padding-left: 20px;
	}
	.dialog-title {
		display: flex;
		justify-content: space-between;
	}
	.defualt-nlu-key {
		display: flex;
		align-items: center;
	}
	.label {
		width: 100px;
	}
	.reset-default {
		padding: 10px 0 10px 80px;
		cursor: pointer;
		color: #6384fe;
	}
	.system {
		display: flex;
		align-items: center;
		line-height: 20px;
		vertical-align: middle;
		.nlu {
			padding: 0 10px;
		}
	}
	.pointer-event {
		pointer-events: none;
	}
	.disable {
		color: #999;
		pointer-events: none;
	}
	.add-btn {
		display: flex;
		align-items: center;
		.el-button {
			width: 62px;
			height: 28px;
			padding: 0;
			border: 1px solid #dddddd;
			border-radius: 4px;
			border-style: dashed;
		}
	}
	.add-input {
		border: 1px solid #d9d9d9;
		padding: 5px;
		border-radius: 4px;
		margin-right: 10px;
		background-color: #d9d9d9;
	}
	.user-input {
		display: flex;
		align-items: center;
		padding: 10px 0px;
	}
	.conetns {
		display: flex;
		align-items: center;
		flex-flow: wrap;
	}
	.current-value {
		padding: 10px 0;
		.el-input {
			width: 40%;
		}
	}
	.error {
		border: 1px solid red;
	}
}

.max-tips-wrapper {
	min-width: 400px !important;
	max-width: 800px !important;
	text-align: center;
	align-items: center !important;
	background: #161a2f !important;
	opacity: 0.8 !important;
	border-radius: 4px !important;
	height: 24px !important;
	color: #fff !important;
	line-height: 0px !important;
	.popper__arrow {
		display: none !important;
	}
}
